const { reactive, effect, createApp, computed, template, css } = DZL;

createApp({ name: "my-button" }, (props) => {
  css`
  .myButton{
  background-color: red;
  color: red;
  border: none;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  }


  `
  const state = reactive({
    count: 0
  })
  console.log()
  //沒反應,響應式也沒有作用
  const setcount = function () {
    state.count++
  }
  // setTimeout(() => {
  //   setcount()
  // }, 3000);
  return () => template`
  <button class=".myButton" >${props.name.value}</button>
  `
})